/*
 * @FilePath     : /study_code/scss/nest.scss
 * @Description  : 嵌套语法
 * @Date         : 2025-04-23 14:34:09
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-23 14:35:11
 */
/* 1、后代嵌套 */
#main p {
  color: #00ff00;
  width: 97%;

  .redbox {
    background-color: #ff0000;
    color: #000000;
  }
}

/* 2、群组嵌套 */
.nav,
div,
host {
  a {
    color: #f00;
  }
}

/* 3、属性嵌套 */
.funky {
  font: {
    family: fantasy;
    size: 30em;
    weight: bold;
  }
}
